    import {ref,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted} from 'vue'
export default function mouseHook(params) {
  
  let x=ref(0)//鼠标x轴
  let y=ref(0)//鼠标y轴
  // 收集鼠标x轴位置 和y轴位置
  let move=(e)=>{
    x.value=e.clientX;
    y.value=e.clientY;
  }
  // vue3 组件挂载后的生命周期
  onMounted(()=>{
      document.addEventListener("mousemove",move,true)
  })
  // 组件更新前
  onBeforeUpdate(()=>{

  })
  // 组件更新后
  onUpdated(()=>{

  })
  // vue3 销毁前 和销毁后 生命周期 更语义化了
  // 组件卸载前
  onBeforeUnmount(()=>{

  })
  // 组件卸载后
  onUnmounted(()=>{
     document.removeEventListener('mousemove',move)
  })

  return {x,y}

}